<template>
	<div id="caseedit" class="page">
		<x-head></x-head>
		<div class="category">
			<div class="type-title" style="font-size: 17px;">就诊门类</div>
			<checker class='item' default-item-class="type-item">
				<checker-item value="">{{listArr.departmentCategory}}</checker-item>
			</checker>
		</div>
		<group id="addcasse">
			<cell title="姓　　名:　" :value="listArr.name" value-align="left"></cell>
			<cell title="就诊医院:　" :value="listArr.hospitalName" value-align="left"></cell>
			<cell title="就诊结果:　" :value="listArr.treatmentResult" value-align="left"></cell>
			<cell title="就诊日期:　" :value="listArr.treatment_time" value-align="left"></cell>
			<cell title="就诊科室:　" :value="listArr.department" value-align="left"></cell>
			<cell title="图　　片:　" value-align="left">
				<img :src="listArr.imageUrl" alt="" class="showimg" width="80px" />
			</cell>
		</group>
	</div>
</template>

<script>
	import xHead from '@/components/common/Head.vue'
	export default {
		components: {
			xHead
		},
		data() {
			return {
				listArr: {}
			}
		},
		created() {
			this.listArr = this.$route.query.data;
			console.log(this.listArr)
		}
	}
</script>

<style lang="less" scoped>
	#caseedit {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		background: #fff;
		z-index: 1000;
		width: 100%;
		height: 100%;
		overflow: hidden !important;
	}
	
	.category {
		display: flex;
		padding: 10px 15px 8px;
		.type-title {
			margin-right: 20px;
			font-size: 17px;
		}
	}
	
	
	
	.item {
		flex: 2;
	}
	.type-item {
			width: 36px;
			height: 36px;
			border: 1px solid #ccc;
			display: inline-block;
			border-radius: 50%;
			line-height: 36px;
			text-align: center;
			font-size: 12px;
			background-color: rgb(58, 175, 252);
			color: #fff;
		}
</style>